<template>
	<div class="p-[15px] flex flex-wrap justify-between w-[100%]">
		<div class="w-[48%]  rounded-lg bg-[#fff] mb-[25px] overflow-hidden" v-for="item in shopInfoList" :key="item">
			<img :src="item.url" class="h-[150px]">
			<div class="flex flex-col">
				<span class="text-[16px] ml-[5px] my-[5px]">{{ item.name }}</span>
				<span class="text-[14px] text-[#dc362e] ml-[5px] mb-[6px]">$ {{ item.price }}</span>
			</div>
		</div>
	</div>

</template>

<script setup>
const props = defineProps({
	shopInfoList: {
		type: Array,
	}
});

</script>

<style></style>